/*引入混合函数*/
@import "mixins.less";
/*引入全局变量*/
@import "varibles.less";
#login{
width: 100%;
// <!-- 头部导航 -->
.login-top{
 
    display: flex;
    font-size: 0.16rem;
        .top-nav1{
            width: 33.333%;
            i{
                display: block;
                margin: 0.1rem 0rem 0rem 0.15rem;
                height: 0.175rem;
               .w(35);
                background: url(../images/icon/sprites.png) no-repeat -0.22rem -0.15rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
            }
         
        }
        p{
            padding: 0.1rem 0rem;
            display: block;
            width: 33.333%;
            text-align: center;
            color: #000000;
        }
        .top-nav3{
            padding: 0.1rem 0rem;
            width: 33.333%;
            text-align: right;
            padding-right: 0.15rem;
        }
}

    

// 登录详情
.login-details{
       input {
           outline: none;
            &::placeholder {
                color: #cccccc;
            }
       }
    .max-width();
    width: 100%;
    font-size: 0.16rem;
    .login-name{
        width: 87.7333%;
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            display: block;
            color: #676767;
            position: relative;
        }
        span{
            width: 20%;
            display: block;
            color: #676767;
            position: relative;
            a{
                position: absolute;
                top: 0.035rem;
                right: 0.05rem;
               display: block;
                .w(26);
                height: 0.13rem;
                background: url(../images/icon/sprites.png)no-repeat -1.14rem -0.18rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
      
            }
        }
 
        input{
            width: 60%;
            // text-align: center;
            border: none;
            font-size: 0.16rem;
           
        }
    }
    .login-password{
        width: 87.7333%;
        margin: 0.15rem auto;
        border-bottom: 1px solid #cccccc;
        // padding-bottom: 0.115rem;
        padding: 0.15rem 0rem 0.115rem 0rem;
        display: flex;
        label{
            width: 20%;
            display: block;
            color: #676767;
            position: relative;
        }
        span{
            width: 20%;
            display: block;
            color: #676767;
            position: relative;
            a{
                position: absolute;
                top: 0.035rem;
                right: 0.05rem;
               display: block;
                .w(36);
                height: 0.13rem;
                background: url(../images/icon/sprites.png)no-repeat -1.4rem -0.18rem;
                box-sizing: border-box;
                background-size: 3.75rem 4.75rem;
      
            }
        }
 
        input{
            width: 60%;
            // text-align: center;
            border: none;
            font-size: 0.16rem;
           
        }
    }
    // 登录条
    .login-bar{
        width: 87.7333%;
        margin: 0.315rem auto;
        .btn{
            width: 100%;
            text-align: center;
           font-size: 0.16rem;
           padding: 0.08rem 0rem;
           border: none;
           color: #fbffff;
           background-color: #f7c612;
        }
    }
    .login-issue{
        width: 87.7333%;
        margin: 0.315rem auto;
        display: flex;
        justify-content: space-between;
        a{
            font-size: 0.14rem;
             color: #999999;
        }
    }
    .login-log{
        width: 87.7333%;
        margin: 0.315rem auto;
        display: flex;
        padding: 1.865rem 0.18rem;
        justify-content: space-between;
        a{
            display: block;
            .w(98);
            height: 0.49rem;
            border-radius: 50%;
             
            }
              a.login-log-wx{
                background-color: #5bbe61;
                i{
                    display: block;
                    .w(60);
                    height: 0.3rem;
                   margin: 0.1rem ;
                    background: url(../images/icon/sprites.png)no-repeat  -1.735rem -0.125rem;
                    box-sizing: border-box;
                    background-size: 3.75rem 4.75rem;
                }
 
            }
            a.login-log-qq{
                background-color: #56b1e8;
                i{
                    display: block;
                    .w(60);
                    height: 0.3rem;
                   margin: 0.1rem ;
                    background: url(../images/icon/sprites.png)no-repeat  -2.05rem -0.125rem;
                    box-sizing: border-box;
                    background-size: 3.75rem 4.75rem;
                }
            }
             a.login-log-zfb{
                 background-color: #666666;
          i{
            display: block;
            .w(60);
            height: 0.3rem;
           margin: 0.1rem ;
            background: url(../images/icon/sprites.png)no-repeat  -2.44rem -0.125rem;
            box-sizing: border-box;
            background-size: 3.75rem 4.75rem;
        }
          }
          a.login-log-wb{
            background-color: #dd6e67;
     i{
       display: block;
       .w(60);
       height: 0.3rem;
      margin: 0.1rem ;
       background: url(../images/icon/sprites.png)no-repeat  -2.78rem -0.125rem;
       box-sizing: border-box;
       background-size: 3.75rem 4.75rem;
   }
     }
     a.login-log-bd{
        background-color: #5f76d4;
        i{
            display: block;
            .w(60);
            height: 0.3rem;
           margin: 0.1rem ;
            background: url(../images/icon/sprites.png)no-repeat  -3.15rem -0.125rem;
            box-sizing: border-box;
            background-size: 3.75rem 4.75rem;
        }
    }
}
   
    
}
}